<template>
	<view class="content">
		<view class="iconBox"><up-icon size="100rpx" color="#b90505" name="close-circle-fill"></up-icon></view>
		<view class="payTxt">
			订单支付失败
		</view>
		<view class="btnBox">
			
				<up-button size="small" shape="circle" :plain="true" type="warning" @click="navTo('/pages/index/index')"
					text="返回首页"></up-button>
			

		</view>
	</view>
</template>

<script setup>
	//返回页面
	function navTo(url) {
		uni.reLaunch({
			url
		})
	}
</script>
<style>
	page {
		background-color: #EFEFEF;
	}
</style>
<style scoped lang="scss">
	.content {
		width: 100%;
		height: 550rpx;
		background-color: white;


		view {
			text-align: center;
		}

		.payTxt {
			padding-bottom: 20px;
		}

		.iconBox {
			padding-top: 100rpx;
			display: flex;
			justify-content: center;
		}

		.btnBox {
			width: 200rpx;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
		}

	}
</style>